@import "1140";
@import "default";
#header {
  .logo {}
  .nav {
    ul { display: block; }
    li { float: left; padding: 5px 10px }
  }
}

.row-not-overflow { overflow: inherit !important; }
.color (@cl-253e9a: #253e9a) {
  color: @cl-253e9a;
}
.no-bg-imp { background: none !important; }
#content {
  /*---------------- menu----------------------*/
  .menu {
    ul { line-height: 54px;
      li { float: left; width: 141px; background: #2646bc; opacity: .75; text-align: center; position: relative;
        .for-active-hover { height: 54px; background: #ffe252; position: relative; opacity: 1; z-index: 15 }
        li.active {
          .for-active-hover;
          a {
            &:hover { .color }
          }
        }
        &:hover { .for-active-hover }
        a { color: white; display: block; font-weight: bold; text-transform: uppercase; }
      }
      li.logo { width: 274px;
        &:hover { background: #2646BC; opacity: .75; }
      }
    }
  }

  /* nav */
  .nav {
    ul { display: none; }
    li:hover ul,li li:hover ul,li li li:hover ul { display: block; }
    li > .child { width: 356px; height: 235px; padding: 16px 20px; background: url(../images/bg-menu.png) no-repeat -4px -2px #c5c5c5; position: absolute; top: 54px; z-index: 15; overflow: hidden; }
    li li { line-height: 18px; text-align: left;
      &:hover { height: auto; .no-bg-imp }
      a { padding: 0 !important; }
      li { float: none; width: inherit; padding: 0; .no-bg-imp; }
    }
    li li.title { margin-top: 15px; width: 109px; .no-bg-imp;
      a { .color; text-transform: none; }
      li a { .color(#333); text-transform: none; &:hover { .color; }}
      > ul { width: 130px; margin-top: 15px; .no-bg-imp; display: none; top: 10px; }
      &:hover {
        ul { display: block; }
      }
    }
  }

  /* main */
  .main {
    .module { margin-top: 20px; overflow: hidden;
      li { float: left; }
    }
    .raovat-vip {
      h3 { margin-bottom: 0.5em; }
      li { margin-top: 10px; }
    }
    .raovat-hot {
      img { float: left; width: 30%; height: 70px; margin-right: 10px; }
      h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}
      p { text-indent: 0;
        a { color: #999;
          &:hover { color: #1FB4DA; }}
      }
    }
  }
}

/* footer */
#footer {}